<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>欢迎来到千里狐wifi管理后台</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>
	<body id="bg">

	<div class="container">
		
		<div class="leftsidebar_box">
			
			<div class="logobox">
				<img src="images/left/logo.png" />
			</div>
			
			<div class="line"></div>
			<dl class="system_log">
				<dt ><i class="iconfont leftmeunicon co-white">&#xe62f;</i>概览<i class="iconfont co-white lefticon">&#xe601;</i></dt>
			</dl>
		
			<dl class="custom">
				<dt ><i class="iconfont leftmeunicon co-white">&#xe607;</i>设置<i class="iconfont co-white lefticon">&#xe601;</i></dt>

			</dl>
		
			<dl class="channel">
				<dt><i class="iconfont leftmeunicon co-white">&#xe628;</i>会员<i class="iconfont co-white lefticon">&#xe601;</i></dt>
			</dl>
		
			<dl class="app">
				<dt ><i class="iconfont leftmeunicon co-white">&#xe70b;</i>设备<i class="iconfont co-white lefticon">&#xe601;</i></dt>
			</dl>
		
			<dl class="cloud">
				<dt><i class="iconfont leftmeunicon co-white">&#xe625;</i>订单<i class="iconfont co-white lefticon">&#xe601;</i></dt>
				<dd class="first_dd"><a href="#">充值订单</a></dd>
				<dd><a href="#">佣金记录</a></dd>
			</dl>
		
			<dl class="syetem_management">
				<dt><i class="iconfont leftmeunicon co-white">&#xe662;</i>代理<i class="iconfont co-white lefticon">&#xe601;</i></dt>
				<dd class="first_dd"><a href="#">店铺管理</a></dd>
				<dd><a href="#">一级代理</a></dd>
				<dd><a href="#">二级代理</a></dd>
			</dl>
		
		
		</div>
	
	
		<div class="rightsidebar_box">
			<div class="righttop">
				<span class="iconfont hidemeunbtn">&#xe63d;</span>
				<span class="iconfont openmeunbtn ">&#xe626;</span>
				<div class="adminbox">
					<div class="admininfo">
						<table cellpadding="0" cellpadding="0" width="100%">
							<tr>
								<td>
									<img src="images/left/seach_btn.png" alt="" class="adminseach" />
								</td>
								
								<td>
									<img src="images/left/adminhead.png" class="headimg" />
								</td>
								
								<td>
									<p class="adminname">admin</p>
									<p class="adminspecific">ip:213.23.12.1</p>
									<p class="adminspecific">上次登录时间：2016-2-1</p>
								</td>
								
								<td>
									<img src="images/left/refresh_btn.png" class="adminbtn" />
								</td>
								
								<td>
									<img src="images/left/index_btn.png" class="adminbtn" />
								</td>
								
								<td>
									<img src="images/left/exit_btn.png" class="adminbtn" />
								</td>

								
							</tr>
						</table>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			
			<iframe width="100%" style="overflow-y: auto;min-height: 1000px;" frameborder="0" src="homepage.html" scrolling="yes"></iframe>
		</div>
		
		<div class="clear"></div>
	</div>

<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(".leftsidebar_box dt").css({"background-color":"#0E192B"});
//$(".leftsidebar_box dt img").attr("src","images/left/select_xl01.png");
$(function(){
	$(".leftsidebar_box dd").hide();
	$(".leftsidebar_box dt").click(function(){
		$(".leftsidebar_box dt").css({"background-color":"#0E192B"});
		$(this).css({"background-color": "#192A45","color":"#35C4F9"});
		$(this).find("i").css({"color":"#35C4F9"});
		$(this).parent().siblings().children("dt").css("color","white");
		$(this).parent().siblings().children("dt").find("i").css("color","white");
		$(this).parent().find('dd').removeClass("menu_chioce");
//		$(".leftsidebar_box dt img").attr("src","images/left/select_xl01.png");
//		$(this).parent().find('img').attr("src","images/left/select_xl.png");
		$(".menu_chioce").slideUp(); 
		$(this).parent().find('dd').slideToggle();
		$(this).parent().find('dd').addClass("menu_chioce");
	});
})

/*窗口的改变*/
$(window).resize(function(){
	if($('.leftsidebar_box').width()==168){
		$('.rightsidebar_box').css({"left":168});
	}else{
		$('.rightsidebar_box').css({"left":"10%"});
	}
})



</script>


</body>
</html>
